<template>
  <!-- 主页默认页面 -->
  <el-main>
    <!-- <el-carousel height="22px" direction="vertical" :autoplay="true" :interval="2500" indicator-position="none" style="text-align:center;"> -->
      <!-- <el-carousel-item v-for="item in message" :key="item"> -->
        <!-- <i class="el-icon-message-solid" style="color:rgb(230,162,60);font-size:22px;"></i> -->
        <!-- <span class="medium" style="color:rgb(96,98,102);"> -->
          <!-- 社区提醒您：{{ item }} -->
        <!-- </span> -->
      <!-- </el-carousel-item> -->
    <!-- </el-carousel> -->

    <!-- <el-divider></el-divider> -->

  
    <!-- <div style="text-align: center; border:1px solid rgb(230,230,230)">
      <el-carousel height="560px" width="100%">
        <el-carousel-item v-for="image in images" :key="image">
          <el-image :src="image" fit="fill"></el-image>
        </el-carousel-item>
      </el-carousel>
    </div>

    <el-divider></el-divider> -->

    

    <el-carousel indicator-position="none" height="700px" loop="true"> <!-- 这里在我的上面运行会报错 -->
      <el-carousel-item v-for="img in urls" :key="img">
        <!-- <h3>{{ item }}</h3> -->
        <el-image :src="img"></el-image>
      </el-carousel-item>
    </el-carousel>

    <el-row>
      <el-col :span="12">
        <span class="span2">汤臣一品</span><br>
        <div style="width:600px;height:231px">
          <p style="font-size: 14px;line-height: 30px;text-indent: 30px;text-align: justify;">汤臣一品位于上海浦东陆家嘴金融区滨江大道旁，由两栋40层和两栋44层的豪华公寓和一座高级江景会所构成，面积在434～1206平方米，共220套。是按照别墅尺度进行规划设计的高档公寓，其中A幢D幢为一层一户，平层面积约为597平方米，复式面积约为824-986㎡；B幢与C幢为一层两户，单套平层面积约为435平方米，复式面积约为605-1206㎡；目前，A幢及C幢在售，B幢与D幢出租。
     作为小陆家嘴核心区的国际大宅，湯臣一品拥有一线江景、正对外滩，拥揽上海地标性的景观建筑；选用世界级的建材设施、配置和周全的安保系统等，代言世界级的梦幻生活范本。</p>
        </div>  
      </el-col>
      <el-col :span="12">
        <div class="demo-image__lazy">
          <el-image v-for="url in imgs" :key="url" :src="url" lazy="true"></el-image>
        </div>
      </el-col>
    </el-row>
    

  </el-main>
</template>

<script>
 export default {
    data() {
      return {
        urls: [
          'http://www.tomson-riviera.com/repository/image/4b083b58-6532-44a3-ab9c-da22cca49f6a.jpg',
          'http://www.tomson-riviera.com/repository/image/124abc55-f277-4ec7-8fe8-78fa08a32082.jpg',
          'http://www.tomson-riviera.com/repository/image/6c4ab76f-a438-46fe-b754-5d77717d2d02.jpg',
        ],
        imgs: [
          'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
          'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
          'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg',
          'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg',
          'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg',
          'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg',
          'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg'
        ]
      }
    }
  }
  // export default{
  //   data (){
  //     return {
  //       images:[],
        // message: [
        //   "重视自身健康，做好自我防护。",
        //   "口罩要戴好、心态调整好、身体锻炼好、卫生保持好。",
        //   "早发现，早报告，早诊断，早隔离，早治疗。",
        //   "做好自我防护就是关爱他人，遵守文明行为就是奉献社会。",
        //   "不参加聚集性活动，尽量不到密闭性场所。",
        //   "疫情反复小心应付，安全第一做好防护。",
        //   "戴口罩，勤洗手，疾病遇你绕着走。",
        //   "生命重于泰山，疫情就是命令，防控就是责任。",
        //   "疫情防控不漏一项，控辍保学不漏一人。",
        //   "发热症状及早看，确保自己身体好。"
        // ]
    //   }
    // },
//     methods: {

//     },
    // mounted() {
      /* 设置页面标题 */
      // document.title="首页 - 汤臣一品便民服务中心"

// for(let i = 1; i <= 8; i++){
//         this.images.push("http://imgapi.xl0408.top/index.php?i=" + i)
//       }
//     }
  // }
</script>

<style scoped>
  .el-carousel__item h3 {
      color: #475669;
      font-size: 18px;
      opacity: 0.75;
      line-height: 300px;
      margin: 0;
    } 

  .span2{
    size: 30px;
    line-height: 100px;
  }
</style>